<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>订单详情</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../lib/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <script src="../lib/weui/jquery-weui.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../lib/vue/vue.min.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/order/orderDetail.css">
</head>
<body>
<div class="order-detail-wrap" id="order-detail">
    <div class="order-main">
        <!--<div class="home-top headerNav">-->
            <!--<header class="m-navbar demo-small-pitch">-->
                <!--<a href="javascript:;" class="navbar-item" onclick="returnBack();"><img class="back" src="../images/pay/map_return.png"/></a>-->
                <!--<div class="navbar-center"><span class="navbar-title top-color">订单详情</span></div>-->
                <!--&lt;!&ndash;<a href="javascript:;" class="navbar-item edit" onclick="edit();">编辑</a>&ndash;&gt;-->
            <!--</header>-->
        <!--</div>-->
        <!--<div class="headerNav" style="height: 1.3rem;background-color: #181818;"></div>-->
        <div class="order-info">
            <div class="order-status" v-bind:class="{'order-send':orderData.status==2,'order-receive':orderData.status==3,'receive-yes':orderData.status==4&&orderData.commentStatus==1,'order-evaluate':orderData.status==6&&orderData.commentStatus==0||orderData.status==4&&orderData.commentStatus==0,'order-close':orderData.status==7}">
                <div class="order-num">
                    <p class="p1">{{orderData.stateTex}}</p>
                    <p>订单编号：{{orderData.orderSn}}</p>
                    <p>订单时间：{{orderData.createTime}}</p>
                </div>
            </div>
            <div class="order-address flex">
                <div class="address-icon"><img src="../images/pay/zuobiao@2x.png"/></div>
                <div class="grow-1">
                    <div><span
                            class="consignee">{{orderData.linkMan}}</span><label v-bind:class="{'active':orderData.idNumber==1}"></label><span>{{orderData.mobile}}</span>
                    </div>
                    <p style="margin-top: 2px;">{{orderData.address}}</p>
                </div>
            </div>
            <div class="address-line"><img src="../images/order/address_line.png"/></div>
            <div class="hr8"></div>
            <div class="goods-info">
                <div class="goods-logo"><img src="" v-bind:src="orderData.logoPath"/>{{orderData.storeName}}</div>
                <div v-for="(item,index) in orderData.listOrderDetail">
                    <div class="row-cell-con flex">
                        <div class="row-cell-l"><img v-bind:src="item.navigateImg1"></div>
                        <div class="row-cell-r grow-1">
                            <div class="row-cell-r-box flex">
                                <div class="row-cell-r-con grow-1">
                                    <h3>{{item.goodName}}</h3>
                                    <p>{{item.specName}}</p>
                                </div>
                            </div>
                            <!--添加-->
                            <div class="row-cell-add clearfix" style="margin-top: .16rem;">
                                <div class="row-cell-add-price">
                                    <label><i>￥</i><span class="price-1465" v-cloak>{{item.salePrice}}</span></label>
                                </div>
                                <div class="row-cell-add-btn fr" v-cloak>x{{item.quantity}}</div>
                            </div>
                        </div>
                    </div>
                    <div class="pro-but clearfix">
                        <a class="but" href="javascript:;" style="margin-left: 10px"  v-if="item.commentStatus==0 && orderData.status==4||item.commentStatus==0 && orderData.status==6" @click="evaluateGoods(item);">评价商品</a>
                        <a class="but" v-show="item.isAfterSale==1&&item.afterStatus==0" :href="'./applyAfter.html?orderDetailId='+item.orderDetailId">申请售后</a>
                        <span v-show="item.afterStatus==1" class="afterSale_status">售后状态: 待处理</span>
                        <span v-show="item.afterStatus==2" class="afterSale_status">售后状态: 已同意</span>
                        <span v-show="item.afterStatus==3" class="afterSale_status">售后状态: 已完成</span>
                        <span v-show="item.afterStatus==4" class="afterSale_status">售后状态: 已拒绝</span>
                    </div>
                    <div v-show="index!=(orderData.listOrderDetail.length-1)"
                         style="width: 100%; height: 5px; background: #FFFFFF;"></div>
                </div>

                <div class="delivery-way clearfix">
                    <span class="span1 fl">配送方式</span>
                    <span class="span2 fr" v-cloak>{{orderData.deliveryTex}}<label>¥{{orderData.freight}}</label></span>
                </div>
                <div class="hr8"></div>
            </div>
            <div class="order-else">
                <div class="m-cell">
                    <div class="cell-item">
                        <div class="cell-left">优惠券</div>
                        <div class="cell-right money" v-cloak>-¥{{orderData.promotionDiscount}}</div>
                    </div>
                    <div class="cell-item">
                        <div class="cell-left">现金币</div>
                        <div class="cell-right money" v-cloak>-¥{{orderData.cashCoin}}</div>
                    </div>
                    <div class="cell-item">
                        <div class="cell-left">买家留言</div>
                        <div class="cell-right" v-cloak>{{orderData.remark}}</div>
                    </div>
                    <div class="cell-item last">
                        <div class="cell-left">发票</div>
                        <div class="cell-right" v-cloak>{{orderData.billHeader}}</div>
                    </div>
                    <div class="hr8"></div>
                </div>

                <div class="m-cell">
                    <div class="cell-item">
                        <div class="cell-left">支付方式</div>
                        <div class="cell-right pay-way">微信支付</div>
                    </div>
                    <div class="cell-item">
                        <div class="cell-left">实付总计</div>
                        <div class="cell-right money">¥{{orderData.totalFee}}</div>
                    </div>
                </div>
            </div>
            <div style="width: 100%; height: 1.52rem; background:#f8f8f7;"></div>
        </div>
        <div class="order-but flex">
            <div  v-show="butShow1" class="clearfix butShow1">
                <div class="check-status grow-1 fl">
                    <a v-show="orderData.deliveryWay==3" v-on:click="checkLogistics(orderData.orderSn);" >查看物流</a>
                    <div v-show="orderData.deliveryWay==1||orderData.deliveryWay==2" class="deliveryWay_overtime">
                        <p>超时未送达</p>
                        <span>联系商家: <b v-cloak>{{orderData.storeTel}}</b></span>
                    </div>
                </div>
                <div class="fr">
                    <div class="confirm " onclick="confirmReceive();" v-show="orderData.deliveryWay==3">
                        <p>确认收货</p>
                        <p class="p2 time">0天0:0:0</p>
                    </div>
                    <div>
                        <div class="confirm logistics" v-on:click="pickUpCodes(orderData.orderSn,orderData.deliveryWay);" v-show="orderData.deliveryWay==1||orderData.deliveryWay==2">查看取货码</div>
                    </div>
                </div>

            </div>

            <div  v-show="butShow2" class="butShow1">
                <div class="confirm logistics fr" v-on:click="checkLogistics(orderData.orderSn);" v-if="orderData.deliveryWay==3">查看物流</div>

                <div class="confirm logistics fr" v-on:click="pickUpCodes(orderData.orderSn,orderData.deliveryWay);" v-if="orderData.deliveryWay==1||orderData.deliveryWay==2">查看取货码</div>
            </div>
        </div>
    </div>
    <!--<div class="claimGoods" style="display: none;">-->
        <!--<div class="home-top childSty">-->
            <!--<header class="m-navbar demo-small-pitch" style="height: 35px;">-->
                <!--<a href="javascript:;" class="navbar-item" @click="showOrder">-->
                    <!--<img class="back" style="width: 14px;height: 17px;padding-left: 4px" src="../images/pay/map_return.png"/></a>-->
                <!--<div class="navbar-center"><span class="navbar-title top-color">如何取货</span></div>-->
                <!--<a href="javascript:;" class="navbar-item"></a>-->
            <!--</header>-->
        <!--</div>-->
        <!--<div style="height: 35px;background-color: #181818;"></div>-->
        <!--<div class="claimGoods-wrap">-->
            <!--<p class="claim-step">第一步：请至以下店铺地址取货</p>-->
            <!--<div class="claim-logo"><img onerror="$.imgDef()" v-bind:src="orderData.logoPath"/>{{orderData.storeName}}</div>-->
            <!--<div class="address-map">-->
                <!--<div class="address-info">-->
                    <!--<p class="p1 flex"><img src="../images/pay/zuobiao.png"/><span class="grow-1">{{orderData.storeAddress}}</span></p>-->
                    <!--<a href="tel:" v-bind:href="'tel:'+orderData.storeTel"><img class="fl" src="../images/pay/dianhua@2x.png"/> <p class="p2 fl">{{orderData.storeTel}}</p></a>-->
                <!--</div>-->
                <!--<div id="map_container" class="sp-pic" style="width: 100%;height: 9.1333rem"></div>-->
            <!--</div>-->
            <!--<div class="claim-time">取货时间：{{orderData.installBeginTime}} - {{orderData.installEndTime}}</div>-->
            <!--<div class="hr8"></div>-->
            <!--<p class="claim-step">第二步：请向店员出示此二维码</p>-->
            <!--<div class="code" id="qrcode"></div>-->
        <!--</div>-->
    <!--</div>-->
</div>
</body>
<script src="../lib/ydui/ydui.js"></script>
<script src="../js/order/orderDetail.js"></script>
</html>